export const phonebasicComponents = [
    {
        type: 'BaseTitle',
        name: '标题',
        icon: 'icon-input',
        options: {
            defaultValueCName: '标题',
            defaultValue: '',
            inline: false,
            textAlign: 'center',
            color: '#000',
            fontSize: '12px',
            fontWeight: 600,
            marginLeft: '12px',
            marginRight: '0px',
            titleHeight: '',
            lineHeight: '',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseImg',
        name: '图片',
        icon: 'icon-tupian',
        options: {
            defaultValue: 'https://avatars2.githubusercontent.com/u/12621342?v=4',
            textAlign: 'center',
            backgroundColor: '#fff',
            borderRadius: '0px',
            width: '50px',
            height: '50px',
            linkType: 'inline',
            linkUrl: '',
            query: ''
        }
    },
    {
        type: 'BaseInput',
        name: '单行输入框',
        icon: 'icon-input',
        options: {
            width: '100%',
            label: '单行输入框',
            defaultValue: '',
            required: false,
            dataType: 'string',
            pattern: '',
            placeholder: ''
        }
    },
    {
        type: 'BaseTextarea',
        name: '多行输入框',
        icon: 'icon-diy-com-textarea',
        options: {
            width: '100%',
            label: '多行输入框',
            defaultValue: '',
            required: false,
            disabled: false,
            pattern: '',
            placeholder: ''
        }
    },
    {
        type: 'BasePassword',
        name: '密码输入框',
        icon: 'icon-number',
        options: {
            defaultValue: '123',
            length: 6,
            mask: true
        }
    },
    {
        type: 'BaseNumber',
        name: '计数器',
        icon: 'icon-number',
        options: {
            label: '计数器',
            required: false,
            defaultValue: 0,
            min: '',
            max: '',
            step: 1,
            disabled: false
        }
    },
    {
        type: 'BaseRadio',
        name: '单选框组',
        icon: 'icon-radio-active',
        options: {
            label: '单选框组',
            inline: false,
            defaultValue: '',
            showLabel: false,
            options: [
                {
                    value: '选项1',
                    label: '选项1'
                },
                {
                    value: '选项2',
                    label: '选项2'
                },
                {
                    value: '选项3',
                    label: '选项3'
                }
            ],
            required: false,
            width: '',
            remote: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label'
            },
            remoteFunc: ''
        }
    },
    {
        type: 'BaseCheckbox',
        name: '多选框组',
        icon: 'icon-check-box',
        options: {
            label: '多选框组',
            inline: false,
            defaultValue: ['选项1', '选项2'],
            showLabel: false,
            options: [
                {
                    value: '选项1',
                    label: '选项1'
                },
                {
                    value: '选项2',
                    label: '选项1'
                },
                {
                    value: '选项3',
                    label: '选项1'
                }
            ],
            required: false,
            width: '',
            remote: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label'
            },
            remoteFunc: ''
        }
    },
    {
        type: 'BaseDateTime',
        name: '日期选择器',
        icon: 'icon-date',
        options: {
            label: '开始时间',
            defaultValue: '',
            placeholder: '',
            startPlaceholder: '',
            endPlaceholder: '',
            type: 'date',
            format: 'yyyy-MM-dd',
            timestamp: false,
            required: false,
            width: ''
        }
    },
    {
        type: 'BaseRate',
        name: '评分',
        icon: 'icon-icon-test',
        options: {
            label: '评分',
            defaultValue: 3,
            count: 5,
            size: 20,
            disabled: false,
            allowHalf: false,
            required: false
        }
    },

    {
        type: 'BaseSelect',
        name: '下拉选择器',
        icon: 'icon-select',
        options: {
            label: '下拉选择器',
            defaultValue: '全部商品',
            options: [
                { text: '全部商品', value: '全部商品' },
                { text: '新款商品', value: '新款商品' },
                { text: '活动商品', value: '活动商品' }
            ]
        }
    },
    {
        type: 'BaseSwitch',
        name: '开关',
        icon: 'icon-switch',
        options: {
            defaultValue: false,
            size: 20,
            required: false,
            disabled: false
        }
    },
    {
        type: 'BaseStep',
        name: '步骤条',
        icon: 'icon-color',
        options: {
            defaultValue: '',
            options: [
                {
                    value: '步骤1',
                    label: '步骤1'
                },
                {
                    value: '步骤2',
                    label: '步骤2'
                },
                {
                    value: '步骤3',
                    label: '步骤3'
                }
            ]
        }
    },
    {
        type: 'BaseProgress',
        name: '进度条',
        icon: 'icon-color',
        options: {
            label: '进度条',
            defaultValue: '50',
            strokeWidth: 8,
            color: '#f2826a',
            inactive: false
        }
    },
    {
        type: 'BaseCircleProgress',
        name: '环形进度条',
        icon: 'icon-color',
        options: {
            label: '环形进度条',
            defaultValue: 50,
            strokeWidth: 60,
            rate: 30,
            layerColor: '#ccc',
            color: '#f00',
            text: '30%'
        }
    }
]

export const phoneadvanceComponents = [
    {
        type: 'BaseUpload',
        name: '文件上传',
        icon: 'icon-time',
        options: {
            label: '文件上传',
            defaultValue: [],
            maxCount: 3
        }
    },
    {
        type: 'BaseCountDown',
        name: '倒计时',
        icon: 'icon-time',
        options: {
            label: '倒计时',
            defaultValue: 30 * 60 * 60 * 1000
        }
    },
    {
        type: 'BaseNavicon',
        name: '导航栏',
        icon: 'icon-time',
        options: {
            menuName: '导航栏',
            menuId: '',
            options: []
        }
    },
    {
        type: 'BaseSwiper',
        name: '图片轮播',
        icon: 'icon-time',
        options: {
            // defaultValue: '',
            options: [
                {
                    src: 'https://img.yzcdn.cn/vant/apple-1.jpg'
                },
                {
                    src: 'https://img.yzcdn.cn/vant/apple-2.jpg'
                }
            ]
        }
    },
    {
        type: 'BaseMusic',
        name: '音频播放',
        icon: 'icon-time',
        options: {
            defaultValue: '',
            src: ''
        }
    },
    {
        type: 'BaseVideo',
        name: '视频播放',
        icon: 'icon-time',
        options: {
            defaultValue: '',
            src: ''
        }
    },
    {
        type: 'BaseCitySelect',
        name: '省市选择器',
        icon: 'icon-time',
        options: {
            label: '省市选择器',
            defaultValue: '',
            areaList: {
                province_list: {
                    110000: '北京市',
                    120000: '天津市'
                },
                city_list: {
                    110100: '北京市',
                    110200: '县',
                    120100: '天津市',
                    120200: '县'
                },
                county_list: {
                    110101: '东城区',
                    110102: '西城区'
                }
            }
        }
    },
    {
        type: 'BaseAddressEdit',
        name: '地址编辑',
        icon: 'icon-ic',
        options: {
            defaultValue: '',
            areaList: {},
            searchResult: []
        }
    },
    {
        type: 'BaseEditor',
        name: '编辑器',
        icon: 'icon-fuwenbenkuang',
        options: {
            label: '富文本编辑器',
            defaultValue: '',
            width: ''
        }
    },
    {
        type: 'weixinCard',
        name: '微信卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            descDefaultValue: '100位客户的能力',
            descDefaultValueCName: '100位客户的能力',
            defaultValue: '张三',
            defaultValueCName: '张三',
            timeDefaultValue: '11:00',
            timeDefaultValueCName: '11:00',
            titleFontSize: '32px',
            color: '#000',
            descColor: '#000',
            timeColor: '#000',
            fontSize: '16px',
            descFontSize: '16px',
            timeFontSize: '16px',
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'right',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'simpleCard',
        name: '波浪渐变卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            defaultValue: '参与考核的人数',
            defaultValueCName: '参与考核的人数',
            titleDefaultValue: '11',
            titleDefaultValueCName: '11',
            titleFontSize: '48px',
            color: '#000',
            fontSize: '16px',
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'right',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'progressCard',
        name: '进度卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            color1: '#9CECFB',
            color2: '#65C7F7',
            direction: 'left',
            defaultValue: '啊啊啊啊是',
            defaultValueCName: '啊啊啊啊是',
            titleDefaultValue: '100位客户的能力',
            titleDefaultValueCName: '100位客户的能力',
            titleDescDefaultValue: 'aaa',
            titleDescDefaultValueCName: 'aaa',
            progressTitleDefaultValue: '进度条',
            progressTitleDefaultValueCName: '进度条',
            nameDefaultValue: 'zhangsan',
            nameDefaultValueCName: 'zhangsan',
            descDefaultValue: '100位客户的能力',
            descDefaultValueCName: '100位客户的能力',
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            progressNum: 0,
            progressNumCName: 0,
            titleFontSize: '28px',
            color: '#000',
            fontSize: '16px',
            linkUrl: '',
            linkType: 'inline'
        }
    },
    {
        type: 'avatarCard',
        name: '头像卡片',
        icon: 'icon-input',
        grid: {
            sizeX: 8, sizeY: 6, row: 0, col: 0
        },
        options: {
            width: 200,
            height: 200,
            left: 0,
            top: 0,
            titleDefaultValue: 'zehua Zhang',
            titleDefaultValueCName: 'zehua Zhang',
            avatarDefaultValue: 'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2281189818,1836808766&fm=26&gp=0.jpg',
            isShowAvatar: true,
            item1NumDefaultValue: '678',
            item1NumDefaultValueCName: '678',
            item1DescDefaultValue: 'AAA',
            item1DescDefaultValueCName: 'AAA',
            item2NumDefaultValue: '457',
            item2NumDefaultValueCName: '457',
            item2DescDefaultValue: 'Amount',
            item2DescDefaultValueCName: 'Amount',
            item3NumDefaultValue: '345',
            item3NumDefaultValueCName: '345',
            item3DescDefaultValue: 'Point',
            item3DescDefaultValueCName: 'Point',
            linkDefaultValue: '11',
            linkDefaultValueCName: '11',
            color: '#FFF',
            titleFontSize: '28px',
            fontSize: '16px',
            linkfontSize: '16px',
            linkUrl: '',
            linkType: 'inline',
            linkColor: '#000',
            color1: '#F56C25',
            color2: '#F88B33',
            direction: 'bottom'
        }
    }
]

export const phonelayoutComponents = [
    // {
    //     type: 'BaseGrid',
    //     name: '栅格布局',
    //     icon: 'icon-grid-',
    //     columns: [
    //         {
    //             span: 12,
    //             list: []
    //         },
    //         {
    //             span: 12,
    //             list: []
    //         }
    //     ],
    //     options: {
    //         gutter: 0,
    //         justify: 'start',
    //         align: 'top'
    //     }
    // }
]
